﻿.banner {
	margin: 0px auto; width: 100%; height: 450px; position: relative; min-width: 1024px; max-width: 1920px;
}
.banner #home-banner {
	height: 450px; position: relative;
}
.banner .slide-item {
	width: 100%; height: 450px; display: none; position: absolute;
}
.banner .curr {
	display: block;
}
.banner .slide-item a {
	width: 100%; height: 100%; display: block;background-size: 100% 449px !important;
}
.banner .home-slide {
	margin: -60px auto 0px; width: 1024px; height: 45px; position: relative; z-index: 100;
}
.banner .thumbs {
	right: 0px; bottom: 0px; position: absolute;
}
.banner .thumbs li {
	padding: 1px; border: 1px solid rgb(127, 165, 184); border-image: none; margin-right: 5px; margin-left: 8px; float: left; position: relative; cursor: pointer; background-color: rgb(255, 255, 255);
}
.banner .thumbs li .mask {
	left: 1px; top: 1px; width: 38px; height: 28px; position: absolute; opacity: 0.4; background-color: rgb(0, 0, 0);
}
.banner .thumbs li.curr .mask {
	opacity: 0;
}
.banner .thumbs li img {
	width: 38px; height: 28px;
}
.four-nav {
	height: 66px; clear: both; margin-bottom: 15px;
}

/*20220323修改 */
.four-nav li {
	padding: 0px; width: 146px; color: rgb(0, 0, 0); line-height: 20px; font-size: 15px; float: left; position: relative; cursor: pointer; min-height: 60px;
}

.four-nav li h5 {
	margin: 10px 0px 0px; padding-top: 20px; padding-bottom: 10px; padding-left: 18px;
}
.four-nav li.one {
	border-top-color: rgb(0, 71, 127); border-top-width: 6px; border-top-style: solid;
}
.four-nav li.two {
	border-top-color: #0069AC; border-top-width: 6px; border-top-style: solid;
}
.four-nav li.three {
	border-top-color: #00A1E9; border-top-width: 6px; border-top-style: solid;
}
.four-nav li.four {
	border-top-color:#009944; border-top-width: 6px; border-top-style: solid;
}
.four-nav li.one h5 {
	border-left-color: rgb(0, 71, 127); border-left-width: 1px; border-left-style: solid;
}
.four-nav li.two h5 {
	border-left-color:#0069AC; border-left-width: 1px; border-left-style: solid;
}
.four-nav li.three h5 {
	border-left-color: #00A1E9; border-left-width: 1px; border-left-style: solid;
}
.four-nav li.four h5 {
	border-left-color:#009944; border-left-width: 1px; border-left-style: solid;
}
.four-nav li.one:hover {
	color: rgb(255, 255, 255); background-color: rgb(0, 71, 127);
}
.four-nav li.two:hover {
	color: rgb(255, 255, 255); background-color:#0069AC;
}
.four-nav li.three:hover {
	color: rgb(255, 255, 255); background-color: #00A1E9;
}
.four-nav li.four:hover {
	color: rgb(255, 255, 255); background-color:#009944;
}
.four-nav .color-box {
	background: rgba(255, 255, 255, 0.8); padding: 13px 0px 13px 20px; left: 0px; width: 255px; height: 120px; bottom: 66px; line-height: 24px; font-size: 12px; display: none; position: absolute; z-index: 999;
}
.four-nav .mask {
	background: rgba(255, 255, 255, 0.8); padding: 13px 0px 13px 20px; left: 0px; width: 255px; height: 120px; bottom: 66px; display: none; position: absolute; z-index: 998; opacity: 0.8;
}
.four-nav .color-box .nav {
	width: 100%;
}
.four-nav .color-box p {
	background: url("1307309.png") no-repeat left; width: 230px; height: 24px; overflow: hidden; padding-left: 10px;
}
.four-nav li.mouse .color-box {
	display: block;
}
.four-nav li.mouse .mask {
	display: block;
}
.four-nav li.one .mcsb_scrolltools .mcsb_draggerrail {
	background-color: rgb(0, 71, 128) !important;
}
.four-nav li.one .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color: rgb(0, 71, 128) !important;
}
.four-nav li.two .mcsb_scrolltools .mcsb_draggerrail {
	#0069AC!important;
}
.four-nav li.two .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color:#0069AC!important;
}
.four-nav li.three .mcsb_scrolltools .mcsb_draggerrail {
	background-color: #00A1E9 !important;
}
.four-nav li.three .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color:#00A1E9 !important;
}
.four-nav li.four .mcsb_scrolltools .mcsb_draggerrail {
	background-color:#009944!important;
}
.four-nav li.four .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color:#009944!important;
}
.pic-news {
	padding: 20px 0px; overflow: hidden; margin-top: 15px; border-top-color: rgb(149, 149, 149); border-top-width: 1px; border-top-style: dotted; -ms-zoom: 1;
}
.pic-news .info-box {
	width: 326px; margin-right: 20px; float: left;
}
.pic-news .mr0.info-box {
	margin-right: 0px;
}
.pic-news .info-box h3 {
	line-height: 24px; padding-bottom: 12px; font-size: 16px; font-weight: bold;
}
.pic-news .info-box .content {
	width: 326px; height: 219px; position: relative;
}
.pic-news .info-box .content:hover {
	opacity: 0.9;
}
.pic-news .info-box .content .bd-mask {
	left: 0px; width: 326px; height: 75px; bottom: 0px; position: absolute; opacity: 0.6; background-color: rgb(34, 34, 34);
}
.pic-news .info-box .content .txt {
	padding: 12px 20px 8px; left: 0px; width: 326px; bottom: 0px; font-size: 13px; position: absolute;
}
.pic-news .info-box .content .txt .t {
	height: 36px; line-height: 18px;
}
.pic-news .info-box .content .txt .m {
	text-align: right;
}
.pic-news .info-box .content .txt a {
	color: rgb(255, 255, 255);
}
.pic-news .info-box .content .txt a:hover {
	color: rgb(255, 255, 255); text-decoration: underline;
}
.pic-news span.jiao {
	background: url("1307318.png") no-repeat; width: 20px; height: 20px; right: 0px; bottom: 0px; display: block; position: absolute;
}
.news-title {
	padding: 20px 0px 15px; overflow: hidden; margin-top: 10px; border-top-color: rgb(149, 149, 149); border-bottom-color: rgb(149, 149, 149); border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; -ms-zoom: 1;
}
.news-descript {
	line-height: 24px; padding-bottom: 20px; margin-bottom: 10px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dotted;
}
.news-title ul {
	height: 42px;
}
.news-title li {
	padding: 0px 0px 0px 45px; width: 250px; height: 42px; float: left;
}
.news-title li a {
	color: rgb(0, 0, 0); line-height: 32px; font-size: 15px; float: left; display: block;
}
.news-title li a i {
	font-size: 35px; margin-right: 10px; float: left; display: block;
}
.news-title li a.active {
	color: rgb(1, 76, 131);
}
.news-title li a:hover {
	color: rgb(1, 76, 131);
}
.news-title .news-title-icon {
	background-position: 0px 0px; height: 45px; line-height: 45px; padding-left: 65px; font-size: 15px; font-weight: bold; background-image: url("#"); background-repeat: no-repeat;
}
.news-title li a:hover {
	color: rgb(0, 170, 232);
}
.news-title .icon-n1 {
	background-position: 0px 0px;
}
.news-title .icon-n1:hover {
	background-position: 0px -45px;
}
.news-title .icon-n1-active {
	background-position: 0px -45px;
}
.news-title .icon-n2 {
	background-position: 0px -90px;
}
.news-title .icon-n2:hover {
	background-position: 0px -135px;
}
.news-title .icon-n2-active {
	background-position: 0px -135px;
}
.news-title .icon-n3 {
	background-position: 0px -181px;
}
.news-title .icon-n3:hover {
	background-position: 0px -225px;
}
.news-title .icon-n3-active {
	background-position: 0px -225px;
}
.news-title .icon-n4 {
	background-position: 0px -270px;
}
.news-title .icon-n4:hover {
	background-position: 0px -315px;
}
.news-title .icon-n4-active {
	background-position: 0px -315px;
}
.news-content {
	padding-top: 30px;
}
.news-content .news-left {
	width: 490px; padding-right: 22px; font-size: 13px; float: left;
}
.news-content .news-left .ntopd {
	padding: 0px 10px 10px 20px; line-height: 20px; border-bottom-color: rgb(149, 149, 149); border-bottom-width: 1px; border-bottom-style: dotted;
}
.news-content .news-left .ntopd h3 {
	margin: 0px; padding-bottom: 15px; font-size: 16px; font-weight: bold;
}
.news-content .more {
	text-align: right; padding-top: 5px; clear: both;
}
.news-content .more a {
	color: rgb(0, 170, 232);
}
.news-content .more a:hover {
	color: rgb(1, 76, 131);
}
.news-content .newsli {
	padding: 8px 10px 20px 0px; width: 460px; clear: both;
}
.news-content .newsli ul{
	max-height: 285px;overflow: hidden;
}
.news-content .newsli li {
	line-height: 28px; clear: both;
}
.news-content .newsli li p {
	width: 370px; height: 28px; overflow: hidden; float: left;
}
.news-content .newsli li span {
	font-size: 12px; float: right;
}
.news-content .news-right {
	width: 511px; height: 321px; float: right; position: relative;
}
.news-content .news-right #slides {
	left: 4px; top: 15px; position: absolute; z-index: 100;
}
.news-content .news-right #slides .prev {
	left: 10px; top: 297px; width: 24px; height: 12px; display: block; position: absolute; z-index: 101;
}
.news-content .news-right #slides .next {
	top: 297px; width: 24px; height: 12px; right: 10px; display: block; position: absolute; z-index: 101;
}
.news-content .news-right .slides_container {
	width: 511px; height: 321px; overflow: hidden; position: relative;
}
.news-content .news-right .pagination {
	display: none;
}
.news-content .news-right .caption {
	background: rgba(0, 0, 0, 0.9); width: 511px; height: 35px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 35px; overflow: hidden; font-size: 13px; position: absolute; opacity: 0.8; text-shadow: none;
}
.phone-top-wrap {
	display: none;
}
.phone-bottom-wrap {
	display: none;
}


/* 20220322 新增*/

.four-nav li.five {
	border-top-color: #90C31F; border-top-width: 6px; border-top-style: solid;
}

.four-nav li.five h5 {
	border-left-color: #90C31F; border-left-width: 1px; border-left-style: solid;
}


.four-nav li.five:hover {
	color:rgb(255, 255, 255); background-color:#90C31F;
}


.four-nav li.five .mcsb_scrolltools .mcsb_draggerrail {
	background-color: rgb(0, 71, 128) !important;
}
.four-nav li.five .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color: rgb(0, 71, 128) !important;
}



.four-nav li.six {
	border-top-color:#ED6C01; border-top-width: 6px; border-top-style: solid;
}

.four-nav li.six h5 {
	border-left-color:#ED6C01; border-left-width: 1px; border-left-style: solid;
}


.four-nav li.six:hover {
	color:rgb(255, 255, 255); background-color: #ED6C01;
}


.four-nav li.six .mcsb_scrolltools .mcsb_draggerrail {
	background-color: rgb(0, 71, 128) !important;
}
.four-nav li.six .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color: rgb(0, 71, 128) !important;
}




.four-nav li.seven {
	border-top-color:#ef9c12; border-top-width: 6px; border-top-style: solid;
}

.four-nav li.seven h5 {
	border-left-color:#ef9c12; border-left-width: 1px; border-left-style: solid;
}


.four-nav li.seven:hover {
	color:rgb(255, 255, 255); background-color:#ef9c12;
}


.four-nav li.seven .mcsb_scrolltools .mcsb_draggerrail {
	background-color: rgb(0, 71, 128) !important;
}
.four-nav li.seven .mcsb_scrolltools .mcsb_dragger .mcsb_dragger_bar {
	border-radius: 0px !important; background-color: rgb(0, 71, 128) !important;
}




